/* -------------------------------------------------------------------------- *
   CSSCO | 1.1.0 | https://github.com/we-are-next/cssco
\* -------------------------------------------------------------------------- */

.cssco {
    position: relative;
}

.cssco:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.cssco img {
    display: block;
    height: auto;
    width: 100%;
}





/* -------------------------------------------------------------------------- *
   #C1
\* -------------------------------------------------------------------------- */

.cssco.cssco--c1 {
    background: linear-gradient(#d5aeae, #8f8f8f, #c99d93, #185d62 110%);
}

.cssco.cssco--c1:after {
    background-color: #58747b;
    mix-blend-mode: overlay;
}

.cssco.cssco--c1 img {
    -webkit-filter: grayscale(6%) contrast(130%);
            filter: grayscale(6%) contrast(130%);
    mix-blend-mode: hard-light;
}





/* -------------------------------------------------------------------------- *
   #F2
\* -------------------------------------------------------------------------- */

.cssco.cssco--f2 {
    background: linear-gradient(#b8dfdc, #aaa);
}

.cssco.cssco--f2:after {
    background: linear-gradient(#aebab6 43%, #4a5580);
    mix-blend-mode: soft-light;
}

.cssco.cssco--f2 img {
    -webkit-filter: contrast(150%);
            filter: contrast(150%);
    opacity: 0.85;
}





/* -------------------------------------------------------------------------- *
   #G3
\* -------------------------------------------------------------------------- */

.cssco.cssco--g3 {
    background: linear-gradient(#485c6e, #b9b9b0 15%, #4b6974);
}

.cssco.cssco--g3 img {
    -webkit-filter: contrast(130%);
            filter: contrast(130%);
    mix-blend-mode: hard-light;
}





/* -------------------------------------------------------------------------- *
   #P5
\* -------------------------------------------------------------------------- */

.cssco.cssco--p5 {
    background-color: #8facaf;
}

.cssco.cssco--p5:after {
    background: linear-gradient(to bottom left, #9ec1b3, #8c78a0, #646983, #252c37);
    mix-blend-mode: overlay;
}

.cssco.cssco--p5 img {
    -webkit-filter: contrast(150%) grayscale(15%);
            filter: contrast(150%) grayscale(15%);
    opacity: 0.8;
}





/* -------------------------------------------------------------------------- *
   #LV3
\* -------------------------------------------------------------------------- */

.cssco.cssco--lv3 {
    background: linear-gradient(-179deg, #a48a7a 0%, #927f77 37%, #ac8577 49%, #574d47 100%);
}

.cssco.cssco--lv3 img {
    -webkit-filter: grayscale(20%) contrast(130%);
            filter: grayscale(20%) contrast(130%);
    mix-blend-mode: hard-light;
}





/* -------------------------------------------------------------------------- *
   #B5
\* -------------------------------------------------------------------------- */

.cssco.cssco--b5 {
    background-color: #000;
}

.cssco.cssco--b5 img {
    -webkit-filter: grayscale(100%) contrast(180%) brightness(95%);
            filter: grayscale(100%) contrast(180%) brightness(95%);
    opacity: 0.9;
}





/* -------------------------------------------------------------------------- *
   #A6
\* -------------------------------------------------------------------------- */

.cssco.cssco--a6 {
    background-color: #a9a499;
}

.cssco.cssco--a6:after {
    background-color: #eaeae9;
    mix-blend-mode: multiply;
}

.cssco.cssco--a6 img {
    -webkit-filter: grayscale(30%) contrast(140%) hue-rotate(-5deg);
            filter: grayscale(30%) contrast(140%) hue-rotate(-5deg);
    mix-blend-mode: hard-light;
}





/* -------------------------------------------------------------------------- *\
   #KK2
\* -------------------------------------------------------------------------- */

.cssco.cssco--kk2 {
    background: linear-gradient(-179deg, #b1957d 29%, #7d7b73 57%, #ce9778 100%);
}

.cssco.cssco--kk2:after {
    background-color: #dab66d;
    mix-blend-mode: darken;
    opacity: 0.15;
}

.cssco.cssco--kk2 img {
    -webkit-filter: grayscale(30%) contrast(170%);
            filter: grayscale(30%) contrast(170%);
    mix-blend-mode: hard-light;
    opacity: 0.8;
}





/* -------------------------------------------------------------------------- *
   #M5
\* -------------------------------------------------------------------------- */

.cssco.cssco--m5 {
    background: radial-gradient(#c09f81, #816c5f);
}

.cssco.cssco--m5:after {
    background: linear-gradient(#bbccce 50%, #000000);
    mix-blend-mode: soft-light;
    opacity: 0.5;
}

.cssco.cssco--m5 img {
    -webkit-filter: grayscale(40%) contrast(110%);
            filter: grayscale(40%) contrast(110%);
    mix-blend-mode: hard-light;
}





/* -------------------------------------------------------------------------- *
   #M3
\* -------------------------------------------------------------------------- */

.cssco.cssco--m3 {
    background-color: #817e72;
}

.cssco.cssco--m3:after {
    background-color: #cce7de;
    mix-blend-mode: multiply;
    opacity: 0.35;
}

.cssco.cssco--m3 img {
    -webkit-filter: grayscale(30%) contrast(155%);
            filter: grayscale(30%) contrast(155%);
    mix-blend-mode: hard-light;
    opacity: 0.75;
}





/* -------------------------------------------------------------------------- *
   #HB1
\* -------------------------------------------------------------------------- */

.cssco.cssco--hb1 {
    background: linear-gradient(-180deg, #8e8d9a 30%, #a6939f 48%, #6c7c95 65%, #6a7b95 58%, #c5cdd7 86%, #303743 100%);
}

.cssco.cssco--hb1:after {
    background-color: #294459;
    mix-blend-mode: lighten;
    opacity: 0.5;
}

.cssco.cssco--hb1 img {
    -webkit-filter: grayscale(20%) contrast(130%);
            filter: grayscale(20%) contrast(130%);
    mix-blend-mode: hard-light;
}





/* -------------------------------------------------------------------------- *
   #HB2
\* -------------------------------------------------------------------------- */

.cssco.cssco--hb2 {
    background: linear-gradient(-180deg, #8e8d9a 31%, #a69893 49%, #4c4644 58%, #c5cdd7 88%, #303d43 100%);
}

.cssco.cssco--hb2:after {
    background-color: #315764;
    mix-blend-mode: overlay;
    opacity: 0.25;
}

.cssco.cssco--hb2 img {
    -webkit-filter: grayscale(20%) contrast(130%);
            filter: grayscale(20%) contrast(130%);
    mix-blend-mode: hard-light;
}





/* -------------------------------------------------------------------------- *
   #ACG
\* -------------------------------------------------------------------------- */

.cssco.cssco--acg {
    background-color: #eceedf;
}

.cssco.cssco--acg:after {
    background: linear-gradient(-180deg, #77766f 30%, #6a6f68 60%, #45353e 100%);
    mix-blend-mode: overlay;
}

.cssco.cssco--acg img {
    -webkit-filter: grayscale(40%) contrast(160%) brightness(85%) hue-rotate(-5deg);
            filter: grayscale(40%) contrast(160%) brightness(85%) hue-rotate(-5deg);
    mix-blend-mode: darken;
    opacity: 0.85;
}





/* -------------------------------------------------------------------------- *
   #X1
\* -------------------------------------------------------------------------- */

.cssco.cssco--x1 {
    background-color: #444;
}

.cssco.cssco--x1:after {
    background-color: #333;
    mix-blend-mode: lighten;
}

.cssco.cssco--x1 img {
    -webkit-filter: grayscale(100%) contrast(190%) brightness(110%);
            filter: grayscale(100%) contrast(190%) brightness(110%);
    opacity: 0.75;
}





/* -------------------------------------------------------------------------- *
   #T1
\* -------------------------------------------------------------------------- */

.cssco.cssco--t1 {
    background-color: #9d9990;
}

.cssco.cssco--t1:after {
    background-color: #878787;
    mix-blend-mode: lighten;
    opacity: 0.5;
}

.cssco.cssco--t1 img {
    -webkit-filter: grayscale(20%) contrast(140%);
            filter: grayscale(20%) contrast(140%);
    mix-blend-mode: hard-light;
}



.aden {
  position: relative;
  -webkit-filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);
  filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)
}

.aden:after, .aden:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.aden img {
  width: 100%;
  z-index: 1
}

.aden:before {
  z-index: 2
}

.aden:after {
  z-index: 3
}

.aden::after {
  background: -webkit-linear-gradient(left, rgba(66, 10, 14, .2), transparent);
  background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent);
  mix-blend-mode: darken
}

.gingham::after, .perpetua::after, .reyes::after {
  mix-blend-mode: soft-light
}

.inkwell {
  position: relative;
  -webkit-filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);
  filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)
}

.inkwell:after, .inkwell:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.inkwell img {
  width: 100%;
  z-index: 1
}

.inkwell:before {
  z-index: 2
}

.inkwell:after {
  z-index: 3
}

.perpetua {
  position: relative
}

.perpetua:after, .perpetua:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.perpetua img {
  width: 100%;
  z-index: 1
}

.perpetua:before {
  z-index: 2
}

.perpetua:after {
  z-index: 3
}

.perpetua::after {
  background: -webkit-linear-gradient(top, #005b9a, #e6c13d);
  background: linear-gradient(to bottom, #005b9a, #e6c13d);
  opacity: .5
}

.reyes {
  position: relative;
  -webkit-filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75);
  filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75)
}

.reyes:after, .reyes:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.reyes img {
  width: 100%;
  z-index: 1
}

.reyes:before {
  z-index: 2
}

.reyes:after {
  z-index: 3
}

.reyes::after {
  background: #efcdad;
  opacity: .5
}

.gingham {
  position: relative;
  -webkit-filter: brightness(1.05) hue-rotate(-10deg);
  filter: brightness(1.05) hue-rotate(-10deg)
}

.gingham:after, .gingham:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.gingham img {
  width: 100%;
  z-index: 1
}

.gingham:before {
  z-index: 2
}

.gingham:after {
  z-index: 3
}

.gingham::after {
  background: #e6e6fa
}

.toaster {
  position: relative;
  -webkit-filter: contrast(1.5) brightness(.9);
  filter: contrast(1.5) brightness(.9)
}

.toaster:after, .toaster:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.toaster img {
  width: 100%;
  z-index: 1
}

.toaster:before {
  z-index: 2
}

.toaster:after {
  z-index: 3
}

.toaster::after {
  background: -webkit-radial-gradient(circle, #804e0f, #3b003b);
  background: radial-gradient(circle, #804e0f, #3b003b);
  mix-blend-mode: screen
}

.walden {
  position: relative;
  -webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);
  filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)
}

.walden:after, .walden:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.walden img {
  width: 100%;
  z-index: 1
}

.walden:before {
  z-index: 2
}

.walden:after {
  z-index: 3
}

.walden::after {
  background: #04c;
  mix-blend-mode: screen;
  opacity: .3
}

.hudson {
  position: relative;
  -webkit-filter: brightness(1.2) contrast(.9) saturate(1.1);
  filter: brightness(1.2) contrast(.9) saturate(1.1)
}

.hudson:after, .hudson:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.hudson img {
  width: 100%;
  z-index: 1
}

.hudson:before {
  z-index: 2
}

.hudson:after {
  z-index: 3
}

.hudson::after {
  background: -webkit-radial-gradient(circle, #a6b1ff 50%, #342134);
  background: radial-gradient(circle, #a6b1ff 50%, #342134);
  mix-blend-mode: multiply;
  opacity: .5
}

.earlybird {
  position: relative;
  -webkit-filter: contrast(.9) sepia(.2);
  filter: contrast(.9) sepia(.2)
}

.earlybird:after, .earlybird:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.earlybird img {
  width: 100%;
  z-index: 1
}

.earlybird:before {
  z-index: 2
}

.earlybird:after {
  z-index: 3
}

.earlybird::after {
  background: -webkit-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
  background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
  mix-blend-mode: overlay
}

.mayfair {
  position: relative;
  -webkit-filter: contrast(1.1) saturate(1.1);
  filter: contrast(1.1) saturate(1.1)
}

.mayfair:after, .mayfair:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.mayfair img {
  width: 100%;
  z-index: 1
}

.mayfair:before {
  z-index: 2
}

.mayfair:after {
  z-index: 3
}

.mayfair::after {
  background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
  background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
  mix-blend-mode: overlay;
  opacity: .4
}

.lofi {
  position: relative;
  -webkit-filter: saturate(1.1) contrast(1.5);
  filter: saturate(1.1) contrast(1.5)
}

.lofi:after, .lofi:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.lofi img {
  width: 100%;
  z-index: 1
}

.lofi:before {
  z-index: 2
}

.lofi:after {
  z-index: 3
}

.lofi::after {
  background: -webkit-radial-gradient(circle, transparent 70%, #222 150%);
  background: radial-gradient(circle, transparent 70%, #222 150%);
  mix-blend-mode: multiply
}

._1977 {
  position: relative;
  -webkit-filter: contrast(1.1) brightness(1.1) saturate(1.3);
  filter: contrast(1.1) brightness(1.1) saturate(1.3)
}

._1977:after, ._1977:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

._1977 img {
  width: 100%;
  z-index: 1
}

._1977:before {
  z-index: 2
}

._1977:after {
  z-index: 3;
  background: rgba(243, 106, 188, .3);
  mix-blend-mode: screen
}

.brooklyn {
  position: relative;
  -webkit-filter: contrast(.9) brightness(1.1);
  filter: contrast(.9) brightness(1.1)
}

.brooklyn:after, .brooklyn:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.brooklyn img {
  width: 100%;
  z-index: 1
}

.brooklyn:before {
  z-index: 2
}

.brooklyn:after {
  z-index: 3
}

.brooklyn::after {
  background: -webkit-radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
  background: radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
  mix-blend-mode: overlay
}

.xpro2 {
  position: relative;
  -webkit-filter: sepia(.3);
  filter: sepia(.3)
}

.xpro2:after, .xpro2:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.xpro2 img {
  width: 100%;
  z-index: 1
}

.xpro2:before {
  z-index: 2
}

.xpro2:after {
  z-index: 3
}

.xpro2::after {
  background: -webkit-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
  background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
  mix-blend-mode: color-burn
}

.nashville {
  position: relative;
  -webkit-filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);
  filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)
}

.nashville:after, .nashville:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.nashville img {
  width: 100%;
  z-index: 1
}

.nashville:before {
  z-index: 2
}

.nashville:after {
  z-index: 3
}

.nashville::after {
  background: rgba(0, 70, 150, .4);
  mix-blend-mode: lighten
}

.nashville::before {
  background: rgba(247, 176, 153, .56);
  mix-blend-mode: darken
}

.lark {
  position: relative;
  -webkit-filter: contrast(.9);
  filter: contrast(.9)
}

.lark:after, .lark:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.lark img {
  width: 100%;
  z-index: 1
}

.lark:before {
  z-index: 2
}

.lark:after {
  z-index: 3
}

.lark::after {
  background: rgba(242, 242, 242, .8);
  mix-blend-mode: darken
}

.lark::before {
  background: #22253f;
  mix-blend-mode: color-dodge
}

.moon {
  position: relative;
  -webkit-filter: grayscale(1) contrast(1.1) brightness(1.1);
  filter: grayscale(1) contrast(1.1) brightness(1.1)
}

.moon:after, .moon:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.moon img {
  width: 100%;
  z-index: 1
}

.moon:before {
  z-index: 2
}

.moon:after {
  z-index: 3
}

.moon::before {
  background: #a0a0a0;
  mix-blend-mode: soft-light
}

.moon::after {
  background: #383838;
  mix-blend-mode: lighten
}

.clarendon {
  position: relative;
  -webkit-filter: contrast(1.2) saturate(1.35);
  filter: contrast(1.2) saturate(1.35)
}

.clarendon:after, .clarendon:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.clarendon img {
  width: 100%;
  z-index: 1
}

.clarendon:before {
  z-index: 2;
  background: rgba(127, 187, 227, .2);
  mix-blend-mode: overlay
}

.clarendon:after {
  z-index: 3
}

.willow {
  position: relative;
  -webkit-filter: grayscale(.5) contrast(.95) brightness(.9);
  filter: grayscale(.5) contrast(.95) brightness(.9)
}

.willow:after, .willow:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.willow img {
  width: 100%;
  z-index: 1
}

.willow:before {
  z-index: 2
}

.willow:after {
  z-index: 3
}

.willow::before {
  background-color: radial-gradient(40%, circle, #d4a9af 55%, #000 150%);
  mix-blend-mode: overlay
}

.willow::after {
  background-color: #d8cdcb;
  mix-blend-mode: color
}

.rise {
  position: relative;
  -webkit-filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9);
  filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9)
}

.rise:after, .rise:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.rise img {
  width: 100%;
  z-index: 1
}

.rise:before {
  z-index: 2
}

.rise:after {
  z-index: 3
}

.rise::after {
  background: -webkit-radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
  background: radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
  mix-blend-mode: overlay;
  opacity: .6
}

.rise::before {
  background: -webkit-radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
  background: radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
  mix-blend-mode: multiply
}

.slumber {
  position: relative;
  -webkit-filter: saturate(.66) brightness(1.05);
  filter: saturate(.66) brightness(1.05)
}

.slumber:after, .slumber:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.slumber img {
  width: 100%;
  z-index: 1
}

.slumber:before {
  z-index: 2
}

.slumber:after {
  z-index: 3
}

.slumber::after {
  background: rgba(125, 105, 24, .5);
  mix-blend-mode: soft-light
}

.slumber::before {
  background: rgba(69, 41, 12, .4);
  mix-blend-mode: lighten
}

.brannan {
  position: relative;
  -webkit-filter: sepia(.5) contrast(1.4);
  filter: sepia(.5) contrast(1.4)
}

.brannan:after, .brannan:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.brannan img {
  width: 100%;
  z-index: 1
}

.brannan:before {
  z-index: 2
}

.brannan:after {
  z-index: 3
}

.brannan::after {
  background-color: rgba(161, 44, 199, .31);
  mix-blend-mode: lighten
}

.valencia {
  position: relative;
  -webkit-filter: contrast(1.08) brightness(1.08) sepia(.08);
  filter: contrast(1.08) brightness(1.08) sepia(.08)
}

.valencia:after, .valencia:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.valencia img {
  width: 100%;
  z-index: 1
}

.valencia:before {
  z-index: 2
}

.valencia:after {
  z-index: 3
}

.valencia::after {
  background: #3a0339;
  mix-blend-mode: exclusion;
  opacity: .5
}

.kelvin {
  position: relative
}

.kelvin:after, .kelvin:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.kelvin img {
  width: 100%;
  z-index: 1
}

.kelvin:before {
  z-index: 2
}

.kelvin:after {
  z-index: 3
}

.kelvin::after {
  background: #b77d21;
  mix-blend-mode: overlay
}

.kelvin::before {
  background: #382c34;
  mix-blend-mode: color-dodge
}

.maven {
  position: relative;
  -webkit-filter: sepia(.25) brightness(.95) contrast(.95) saturate(1.5);
  filter: sepia(.25) brightness(.95) contrast(.95) saturate(1.5)
}

.maven:after, .maven:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.maven img {
  width: 100%;
  z-index: 1
}

.maven:before {
  z-index: 2
}

.maven:after {
  z-index: 3;
  background: rgba(3, 230, 26, .2);
  mix-blend-mode: hue
}

.stinson {
  position: relative;
  -webkit-filter: contrast(.75) saturate(.85) brightness(1.15);
  filter: contrast(.75) saturate(.85) brightness(1.15)
}

.stinson:after, .stinson:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none
}

.stinson img {
  width: 100%;
  z-index: 1
}

.stinson:before {
  z-index: 2
}

.stinson:after {
  z-index: 3
}

.stinson::before {
  background: rgba(240, 149, 128, .2);
  mix-blend-mode: soft-light
}
